*{
    margin: 0px;
    padding: 0px;
}
html,body{
    width: 100%;
    height: 100%;
}
h1,h2,h3,h4,h5,h6{
    font-size: 16px;
    font-weight: normal;
}
ul{
    list-style: none;
    padding: 0px;
}
img{
    display: block;
}
a{
    text-decoration: none;
    color: white;
}
input{
    outline: none;
    border: none;
    appearance: none;
}

.container_fluid{
    width: 100%;
}
.container{
    width: 1202px;
    margin: 0px auto;
    height: 100%;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.clear_fix::after{
    content: "";
    display: block;
    clear: both;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
}
.oPointer{
    cursor: pointer;
}
.oInput{
    width: 351px;
    height: 46px;
    background-color: #f5f5f7;
    margin: 0px 60px 15px 0px;
    line-height: 46px;
    padding-left: 30px;
    font-size: 13px;
    box-sizing: border-box;
}
.oInput span:nth-of-type(1){
    float: left;
}
.oInput span:nth-of-type(2){
    float: right;width: 0px;
    height: 0px;
    border: 5px solid transparent;
    border-top-color: #848c95;
    margin: 20.5px 30px 0px;
    cursor: pointer;
}
/* header */
#header{
    background-color: #1b9538;
    min-height: 294px;color: white;
    font-size: 14px;
}
.header_top{
    min-height: 55px;
    line-height: 55px;
}
.header_logo{
    background: url(../img/瓜子二手车_02.jpg) no-repeat left center;
    text-indent: 7em;
    overflow: hidden;
}
.header_logo span{
    display: inline-block;
    width: 0px;height: 0px;
    border: 4px solid transparent;
    border-top-color: white;
    margin-left: 9px;
    vertical-align: middle;
}
.header_list{
    margin-left: 250px;
}
.header_list ul li{
    float: left;
    margin: 0px 19px;
}
.header_login span:nth-of-type(2){
    margin: 0px 15px;
}
#header .container p{
    margin: 46px 0px 0px 202px;
    color: white;
}
#header .container p span:nth-of-type(1){
    font-size: 35px;
    font-weight: bold;
}
#header .container p span:nth-of-type(2){
    font-size: 21px;
    margin-left: 14px;
}
.user_submit{
    margin: 26px 0px 0px 202px;
}
.user_submit span:nth-of-type(1){
    font-size: 17px;
    font-weight: bold;
}
.ueer_submit span:nth-of-type(2){
    font-size: 14px;
}
.search{
    margin: 10px 0px 0px 202px;
    width: 526px;
    height: 58px;
    background-color: white;
    border-radius: 5px;
}
input[type="text"]{
    height: 54px;
    width: 408px;
    outline: none;
    text-indent: 2em;
    font-size: 16px;
    border: none;
    margin: 2px 0px;
}
.search_btn{
    width: 105px;
    height: 51px;
    background-color: #3cb46d;
    margin: 3.5px;
    border-radius: 0px 5px 5px 0px;
    line-height: 51px;
    text-align: center;
    font-size: 19px;
}
/* sell_cars */
#sell_cars{
    margin-top: 51px;
    min-height: 340px;
}
#sell_cars .container{
    height: 100%;
}
#sell_cars .container p{
    font-size: 22px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 33px;
}
#sell_cars input{
    outline: none;
    border: none;
    appearance: none;
    text-indent: 0em;
}
.valuation_function div:nth-of-type(2) input{
    width: 240px;
    height: 42px;
    float: left;
    font-size: 12px;
    color: #acb4bd;
    background-color: #f5f5f7;
}
.valuation_function div:nth-of-type(2) span{
    float: right;
    margin-right: 30px;
    font-size: 12px;
}
.sell_btn{
    width: 350px;
    height: 57px;
    background-color: #3cb46d;
    text-align: center;
    line-height: 57px;
}
.sell_btn a{
    width: 350px;
    height: 57px;
    display: block;
    color: white;
}
/* .other_function{

} */
.other_list{
    min-height: 125px;
}
.other_list ul{
    height: 100%;
}
.other_list ul li{
    float: left;
    width: 62px;
    min-height: 97px;
    margin: 0px 78px -35px 0px;
    font-size: 15px;
    box-sizing: border-box;
    padding-top: 65px;
}
.other_list ul li:nth-of-type(1){
    background: url(../img/瓜子二手车_06.jpg) no-repeat;
}
.other_list ul li:nth-of-type(2){
    background: url(../img/瓜子二手车_06.jpg) no-repeat;
    background-position-x: -139px;
}
.other_list ul li:nth-of-type(3){
    margin-right: 0px;
    background: url(../img/瓜子二手车_06.jpg) no-repeat;
    background-position-x: -278px;
}
.other_btn{
    border: 1px solid #3cb46d;
    border-radius: 5px;height: 57px;
    background-color: #f0fff6;
}
.other_btn span{
    line-height: 57px;
    font-size: 13px;
    color: #3cb46d;
}
.other_btn span:nth-of-type(1){
    margin-left: 39px;
    cursor: pointer;
}
.other_btn span:nth-of-type(2){
    margin: 0px 39px;
}
/* buy_cars */
#buy_cars{
    min-height: 323px;
    margin-bottom: 35px;
}
/* #buy_cars .container{

} */
.buy_title{
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 22px;
}
.buy_box{
    width: 1200px;
    height: 278px;
    border: 1px solid lightgray;
}
.box_left{
    width: 600px;
    height: 278px;
}
.box_left p,.box_center
 p,.box_right p{
     height: 62px;
     font-size: 13px;
     text-align: center;
     line-height: 62px;
    }
.box_left_logo{
    padding: 31px 45px 27px 42px;
    width: 600px;
    height: 216px;
    border-top: 1px solid lightgray;
    border-right: 1px solid lightgray;
    box-sizing: border-box;
}
.box_left_logo li{
    width: 62px;
    height: 50%;
    float: left;
    font-size: 12px;
    text-align: center;
    margin: 0px 17px;
    box-sizing: border-box;
    padding-top: 62px;
}
.box_left_logo li a{
    color: black;
}
.box_left .clear_margin{
    margin: 0px;
}
.box_left_logo li:nth-of-type(1){
    background: url(../img/瓜子二手车_10.jpg) no-repeat 14px 0;
    padding-top: 45px;
}
.box_left_logo li:nth-of-type(2){
    background: url(../img/瓜子二手车_10.jpg) no-repeat -80px 0;
    padding-top: 45px;
}
.box_left_logo li:nth-of-type(3){
    background: url(../img/瓜子二手车_10.jpg) no-repeat -172px 0;
    padding-top: 45px;
}
.box_left_logo li:nth-of-type(4){
    background: url(../img/瓜子二手车_10.jpg) no-repeat -266px 0;
    padding-top: 45px;
}
.box_left_logo li:nth-of-type(5){
    background: url(../img/瓜子二手车_10.jpg) no-repeat -360px 0;
    padding-top: 45px;
}
.box_left_logo li:nth-of-type(6){
    background: url(../img/瓜子二手车_10.jpg) no-repeat -452px 0;
    padding-top: 45px;
}
.box_left_logo li:nth-of-type(7){
    background: url(../img/瓜子二手车_17.jpg) no-repeat 10px 22px;
}
.box_left_logo li:nth-of-type(8){
    background: url(../img/瓜子二手车_17.jpg) no-repeat -83px 22px;
}
.box_left_logo li:nth-of-type(9){
    background: url(../img/瓜子二手车_17.jpg) no-repeat -179px 22px;
}
.box_left_logo li:nth-of-type(10){
    background: url(../img/瓜子二手车_17.jpg) no-repeat -272px 22px;
}
.box_left_logo li:nth-of-type(11){
    background: url(../img/瓜子二手车_17.jpg) no-repeat -364px 22px;
}
.box_left_logo li:nth-of-type(12){
    background: url(../img/circle_03.jpg) no-repeat 10px 13px;
}
.box_center{
    width: 216px;
    height: 278px;
}
.price{
    width: 216px;height: 216px;
    border-top: 1px solid lightgray;
    border-right: 1px solid lightgray;
    box-sizing: border-box;
    padding: 43px 39px 43px 41px;
}
.price li{
    float: left;
    width: 50%;
    text-align: center;
    margin-bottom: 34px;
}
.price li a{
    color: black;
}

.box_right{
    width: 384px;
    height: 278px;
}
.type{
    height: 215px;
    border-top: 1px solid lightgray;
    box-sizing: border-box;
    padding: 34px 36px 28px 33px;
}
.type li{
    float: left;
    width: 94px;
    height: 59px;
    background-color: yellow;
    text-align: center;
    padding-top: 38px;
    box-sizing: border-box;
    background: url(../img/瓜子二手车_12.jpg) no-repeat -6px -10px;
}
.type li a{
    color: #000000;font-size: 12px;
}
.type li:nth-of-type(1),.type li:nth-of-type(2){
    margin: 0px 16px 41px 0px;
}
.type li:nth-of-type(3){
    margin: 0px 0px 41px 0px;
}
.type li:nth-of-type(4),.type li:nth-of-type(5){
    margin: 0px 16px 0px 0px;
}
/* cars_list */
#cars_list{
    height: 454px;
}
#cars_list .container{
    width: 1200px;
}
#cars_list .container .list_content{
    width: 100%;
    height: 228px;
}
.list_content li{
    width: 300px;
    height: 100%;
    float: left;
    box-sizing: border-box;
    padding: 26px 33px;
}
.list_content li h3{
    font-size: 20px;
    font-weight: bold;
}
.list_content li p{
    height: 34px;
    font-size: 14px;
    line-height: 34px;
}
.list_content li span{
    display: block;
    width: 13px;
    height: 3px;
}

.list_content li:nth-of-type(1){
    background: url(../img/瓜子二手车_29.jpg) no-repeat 48px 125px,#31c273;
}
.list_content li:nth-of-type(1) h3{
    color: white;
}
.list_content li:nth-of-type(1) p{
    color: white;
}
.list_content li:nth-of-type(1) span{
    background-color: white;
}

.list_content li:nth-of-type(2){
    background: url(../img/瓜子二手车_26.jpg) no-repeat 48px 98px,#f5f5f7;
}
.list_content li:nth-of-type(2) h3{
    color: #fcc761;
}
.list_content li:nth-of-type(2) p{
    color: black;
}
.list_content li:nth-of-type(2) span{
    background-color: #fcc761;
}

.list_content li:nth-of-type(3){
    background: url(../img/瓜子二手车_32.jpg) no-repeat 48px 136px,#f5f5f7;
}
.list_content li:nth-of-type(3) h3{
    color: #fb7216;
}
.list_content li:nth-of-type(3) p{
    color: black;
}
.list_content li:nth-of-type(3) span{
    background-color: #fb7216;
}

.list_content li:nth-of-type(4){
    background: url(../img/瓜子二手车_23.jpg) no-repeat 14px 1px,#f5f5f7;
}
.list_content li:nth-of-type(4) h3{
    color: #3bc0a1;
}
.list_content li:nth-of-type(4) p{
    color: black;
}
.list_content li:nth-of-type(4) span{
    background-color: #3bc0a1;
}

#cars_list .container .list_type{
    width: 100%;height: 228px;
}
.list_type li{
    width: 200px;
    height: 100%;
    float: left;
    box-sizing: border-box;
    padding: 138px 0px 49px 0px;
    text-align: center;
}
.list_type li p:nth-of-type(1){
    font-size: 12px;
    color: black;
    margin-bottom: 7px;
}
.list_type li p:nth-of-type(2){
    font-size: 14px0;
    color: #3cb46d;
}
.list_type li:nth-of-type(1){
    background: url(../img/瓜子二手车_39.jpg) no-repeat 33px 59px;
}
.list_type li:nth-of-type(2){
    background: url(../img/瓜子二手车_39.jpg) no-repeat -155px 59px;
}
.list_type li:nth-of-type(3){
    background: url(../img/瓜子二手车_39.jpg) no-repeat -351px 59px;
}
.list_type li:nth-of-type(4){
    background: url(../img/瓜子二手车_39.jpg) no-repeat -555px 59px;
}
.list_type li:nth-of-type(5){
    background: url(../img/瓜子二手车_39.jpg) no-repeat -753px 59px;
}
.list_type li:nth-of-type(6){
    background: url(../img/瓜子二手车_39.jpg) no-repeat -953px 59px;
}
/* sells_type */
#sells_type{
    min-height: 1256px;background-color: #f5f5f7;
    margin-bottom: 27px;
}
#sells_type .container{
    padding-top: 57px;
    width: 1243.33px;
}
#sells_type .container h3{
    font-size: 26px;
    margin-bottom: 31px;
    padding-left: 20.667px;
}

#sells_type .sells_type_list{
    margin-bottom: 25px;
    padding-left: 20.667px;
}
#sells_type .sells_type_list li{
    float: left;
    font-size: 16px;
    color: #999999;
    margin-right: 32px;
}
#sells_type .sells_type_list li:nth-of-type(1){
    color: #000000;
}
#sells_type .sells_type_list:active li{
    color: #999999;
}
#sells_type .sells_type_list li:active{
    color: #000000;
}

/* #sells_type .sells_type_content{} */

#sells_type .sells_type_content li{
    width: 285px;
    height: 320px;
    margin: 0px 0.667px 17px 20.667px;
    float: left;
    background-color: #ffffff;
    box-shadow: -1px 1px 5px #e1e1e3,1px -1px 5px #e1e1e3;
}
#sells_type .sells_type_content img{
    width: 285px;
    height: 193px;
    margin-bottom: 7px;
}
#sells_type .sells_type_content p{
    padding-left: 19px;
}
#sells_type .sells_type_content p:nth-of-type(1){
    font-size: 15px;
    height: 43px;
    line-height: 43px;
    padding-left: 19px;
}
#sells_type .sells_type_content p:nth-of-type(2){
    color: #999999;
    font-size: 14px;
    margin-bottom: 13px;
}
#sells_type .sells_type_content p:nth-of-type(3){
    font-size: 16px;
    color: #fa5428;
    font-weight: bold;
}
#sells_type .sells_type_content p:nth-of-type(3) span{
    font-size: 14px;
    color: #999999;
    margin-left: 10px;
}

.sells_type_btn{
    height: 59px;
    line-height: 59px;
    text-align: center;
    font-size: 14px;
    background: url(../img/瓜子二手车_03.jpg) no-repeat 676px 20px;
}
/* new_cars */
#new_cars{
    height: 429px;
    margin-bottom: 52px;
}
/* #new_cars .container{} */
#new_cars .container h3{
    height: 81px;
    line-height: 81px;
    color: #000000;
    font-size: 28px;}
#new_cars .new_cars_content{
    width: 100%;
    height: 346px;
    position: relative;
}
#new_cars .new_cars_content .ad{
    width: 227px;
    height: 346px;
    background: url(../img/瓜子二手车_69.jpg) no-repeat;
    margin-right: 16px;
}
#new_cars .new_cars_content div{
    background-color: #f5f5f7;
    float: left;
}
#new_cars .new_cars_content div p{
    font-size: 16px;
}
#new_cars .new_cars_content div p:nth-of-type(2){
    margin-top: 18px;
    color: #f76367;
}

#new_cars .new_cars_content div:nth-of-type(2){
    width: 227px;
    height: 346px;
    padding-top: 218px;
    text-align: center;
    box-sizing: border-box;
    margin-right: 16px;
    background: url(../img/瓜子二手车_72.jpg) no-repeat,#f5f5f7;
    background-position: 49px 82px;
}
#new_cars .new_cars_content
 div:nth-of-type(3){
     width: 472px;
     height: 164px;
     padding: 58px 0px 0px 266px;
    box-sizing: border-box;
    margin: 0px 16px 18px 0px;
    background: url(../img/瓜子二手车_75.jpg) no-repeat,#f5f5f7;
    background-position: 57px 35px;
}
#new_cars .new_cars_content div:nth-of-type(4){
    width: 472px;
    height: 164px;
    padding: 58px 0px 0px 266px;
    box-sizing: border-box;
    margin-right: 16px;
    background: url(../img/瓜子二手车_84.jpg) no-repeat,#f5f5f7;
    background-position: 57px 37px;
}
#new_cars .new_cars_content div:nth-of-type(5){
    width: 227px;
    height: 346px;
    padding-top: 218px;
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    top: 0px;right: 0px;
    background: url(../img/瓜子二手车_78.jpg) no-repeat,#f5f5f7;
    background-position: 46px 82px;
}

/* cars_process */
#cars_process{
    min-height: 401px;
    background: url(../img/oPaci.png) no-repeat center,
    url(../img/buy-step-deal.jpg) no-repeat center;
    margin-bottom: 88px;
}
#cars_process .container{
    box-sizing: border-box;
    padding: 85px 0px 0px 53px;
}
#cars_process .process_list{
    font-size: 18px;color: #000000;
    height: 31px;
    margin-bottom: 59px;
}
#cars_process .process_list li{
    float: left;
    height: 31px;
}
#cars_process .process_list li:nth-of-type(1){
    border-bottom: 3px solid #1fad37;
    margin-right: 27px;
}
#cars_process .process_list li:nth-of-type(2){
    font-weight: bold;
    color: lightgray;
}
#cars_process .process_list li:nth-of-type(3){
    margin-left: 27px;
}
.buy_process h3{
    font-size: 39px;
    margin-bottom: 21px;
}
.buy_process p{
    font-size: 17px;
    margin-bottom: 32px;
}
.buy_process_content{
    min-height: 59px;
}
.buy_process_content li{
    float: left;
    padding-top: 39px;
    width: 93px;
    margin-right: 24px;
    font-size: 14px;
    color: #888c97;
}
.buy_process_content li span{
    margin-left: 16px;
}
.buy_process_content li:nth-of-type(1){
    background: url(../img/瓜子二手车_88.jpg) no-repeat 16px 0px;
}
.buy_process_content li:nth-of-type(2){
    background: url(../img/瓜子二手车_88.jpg) no-repeat -97px 0px;
}
.buy_process_content li:nth-of-type(3){
    background: url(../img/瓜子二手车_88.jpg) no-repeat -211px 0px;
}
.buy_process_content li:nth-of-type(4){
    background: url(../img/瓜子二手车_88.jpg) no-repeat -335px 0px;
}

/* qa_area */
#qa_area{
    min-height: 684px;
}
#qa_area .container{
    width: 1003px;
}
#qa_area .container h3{
    font-size: 39px;
    font-weight: bold;
    margin-bottom: 72px;
    text-align: center;
}
#qa_area .container .qa_content,
#qa_area .container .qa_content2{
    width: 440px;
}
#qa_area .container .qa_content li,
#qa_area .container .qa_content2 li{
    width: 440px;margin-bottom: 54px;
}
#qa_area .container .qa_content li h4,
#qa_area .container .qa_content2 li h4{
    font-size: 19px;
    color: #3cb46d;
    font-weight: bold;
    text-indent: 2em;
    background: url(../img/瓜子二手车_92.jpg) no-repeat 0px 1px;
    height: 45px;
}
#qa_area .container 
.qa_content li p,
#qa_area .container 
.qa_content2 li p{
    font-size: 14px;
    line-height: 28px;
}

/* cars_btn */

#cars_btn{
    height: 121px;
    background-color: #f7f7f9;
}
#cars_btn .container{
    width: 1003px;
    padding: 0px 93px;
}
#cars_btn .container .cars_btn_ad{
    box-sizing: border-box;
    padding-top: 18px;
    width: 361px;
    text-align: center;
    margin-right: 44px;
}
.cars_btn_ad p:nth-of-type(1){
    font-size: 30px;
    font-weight: bold;
    line-height: 60px;
}
.cars_btn_ad p:nth-of-type(1) span{
    color: #3cb46d;
}
.cars_btn_ad p:nth-of-type(2){
    font-size: 14px;color: #858d96;
}

#cars_btn .container .oBtn{
    height: 100%;box-sizing: border-box;padding-top: 31px;
}
#cars_btn .container .oBtn li{
    float: left;
}
#cars_btn .container .oBtn li:nth-of-type(1){
    width: 176px;
    height: 68px;
    background-color: #3cb46d;
    border-radius: 5px;
    margin-right: 10px;
}
#cars_btn .container .oBtn li:nth-of-type(2){
    width: 176px;
    height: 68px;
    background-color: #97cf00;
    border-radius: 5px;
}
#cars_btn .container .oBtn li a{
    display: block;
     width: 100%;
     height: 100%;
     font-size: 16px;
     text-align: center;
     line-height: 68px;
     color: white;
    }

/* footer */
#footer{
    height: 325px;
    background-color: #2a2c37;
}
#footer .container{
    padding: 51px 0px 39px;
    box-sizing: border-box;
}

#footer .footer_top{
    width: 100%;
    height: 140px;
}
#footer .footer_top .footer_top_left{
    width: 556px;
    height: 100%;
}
#footer .footer_top 
.footer_top_left 
.footer_top_logo{
    width: 174px;
    height: 100%;
    background: url(../img/瓜子二手车_96.jpg) no-repeat 0px 0px;
}
#footer .footer_top
 .footer_top_left
  .left_centent{
      width: 382px;
      height: 100%;
      font-size: 14px;
      color: #b8b8b8;
    }
#footer .footer_top
 .footer_top_left .left_centent
  p span{
      margin-left: 15px;
    }
#footer .footer_top 
.footer_top_left 
.left_centent p{
    line-height: 32px;
}

#footer .footer_top
 .footer_top_left 
 .left_centent p:nth-of-type(3){
     margin-top: 9px;
    }

#footer .footer_top
 .footer_top_center{
     width: 202px
     ;height: 140px;
     box-sizing: border-box;
     padding-top: 4px;
    }
#footer .footer_top 
.footer_top_center div{
    width: 81px;
    height: 111px;
    box-sizing: border-box;
    padding-top: 93px;
    text-align: center;
    color: #b8b8b8;
    font-size: 14px;
}
#footer .footer_top 
.footer_top_center 
.center_qrCode1{
    background: url(../img/瓜子二手车_99.jpg) no-repeat;
}
#footer .footer_top 
.footer_top_center 
.center_qrCode2{
    background: url(../img/瓜子二手车_99.jpg) no-repeat;
}
#footer .footer_top
 .footer_top_center span{
     display: block;
     width: 85px;
     height: 19px;
     line-height: 19px;
     background-color: #22ac38;
     clear: both;
     margin-left: 40px;
     font-size: 14px;
     margin: 117px 0px 0px 117px;
    }
#footer .footer_top 
.footer_top_right{
    width: 444px;
    height: 135px;
    box-sizing: border-box;
    padding: 4px 0px 0px 48px;
}

#footer .footer_top 
.footer_top_right .top_right_top{
    font-size: 14px;
}
#footer .footer_top 
.footer_top_right 
.top_right_top li{
    float: left;
    margin: 0px 9px 10px 0px;
}
#footer .footer_top 
.footer_top_right 
.top_right_top li a{
    color: #b8b8b8;
}
#footer .footer_top
 .footer_top_right p{
     font-size: 12px;
     color: #b8b8b8;
     line-height: 20px;
    }
#footer .footer_top 
.footer_top_right p:nth-of-type(3){
    text-indent: 2em;
    background: url(../img/瓜子二手车_106.jpg) no-repeat;
}

#footer .footer_bottom{
    color: #666666;
    font-size: 12px;
    line-height: 27px;
}
#footer .footer_bottom dt{
    font-size: 16px;
}
#footer .footer_bottom .hot_band dt{
    float: left;margin-right: 10px;
}
#footer .footer_bottom .hot_band dd{
    float: left;margin-right: 24px;
}
#footer .footer_bottom .hot_type dt{
    float: left;margin-right: 10px;
}
#footer .footer_bottom .hot_type dd{
    float: left;margin-right: 24px;
}
#footer .footer_bottom .hot_city dt{
    float: left;margin-right: 10px;
}
#footer .footer_bottom .hot_city dd{
    float: left;margin-right: 24px;
}